import Banner from '@/src/pages/Home/components/Banner';
import GoodsShow from '@/src/pages/Home/components/GoodsShow';
import React from 'react';
import { Image, ScrollView, StyleSheet, Text, View } from 'react-native';

const Home = () => {
  return (
    <ScrollView>
      {/* 轮播图展示 */}
      <Banner></Banner>
      {/* 商品展示 */}
      <GoodsShow></GoodsShow>
      {/* 特惠推荐 */}
      <View style={styles.tehuiShow}>
        <View>
          <Image
            style={styles.tehuiImg}
            source={require('@/assets/img/4.jpg')}
          ></Image>
        </View>
        <Text>2222222222222</Text>
      </View>
      {/* 新鲜好物 */}
      <View style={styles.tehuiShow}>
        <View>
          <Image
            style={styles.tehuiImg}
            source={require('@/assets/img/4.jpg')}
          ></Image>
        </View>
        <Text>33333</Text>
      </View>
    </ScrollView>
  );
};

const styles = StyleSheet.create({
  wrapper: {
    height: 270,
  },
  img: {
    width: '100%',
    height: 270,
  },
  input: {
    borderWidth: 1,
    padding: 8,
    position: 'absolute',
    width: '90%',
    top: 20,
    left: 20,
    borderRadius: 20,
  },
  // 展示
  homeShow: {
    backgroundColor: '#f9f6f0',
    padding: 10,
    display: 'flex',
    flexDirection: 'row',
  },
  showList: {
    padding: 10,
    // backgroundColor: '#390000',
  },
  showImg: {
    width: 80,
    height: 70,
  },
  // 展示
  tehuiShow: {
    backgroundColor: '#f5f6f0',
    padding: 10,
  },
  tehuiImg: {
    width: 80,
    height: 70,
  },
});

export default Home;
